/* -------------------------------------------------------------- 
   RESET
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; }
input,textarea { margin: 0; }


/* -------------------------------------------------------------- 
   TYPOGRAPHY
-------------------------------------------------------------- */

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, FreeSans, sans-serif; }

/* HEADINGS */
h1 { font-size: 40px; line-height: 50px; margin-bottom: 10px; }
h2 { font-size: 30px; line-height: 40px; margin-bottom: 10px; }
h3 { font-size: 20px; line-height: 30px; }
h4 { font-size: 14px; line-height: 20px; }
h5 { font-size: 14px; line-height: 20px; }
h6 { font-size: 14px; line-height: 20px; }

/* TEXT ELEMENTS */
p, ul, ol, dl { margin-bottom: 20px; font-size: 14px; line-height: 20px; }
ul, ol { padding-left: 20px;}
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl dt { font-weight: bold; }
dl dd { padding-left: 10px; }
abbr, acronym { text-decoration: underline; }
a { color: #009; text-decoration: none; }
a:hover { text-decoration: underline; }
blockquote { margin: 20px 0; padding-left: 10px; }
dfn { font-style: italic; font-weight: bold; }
pre, code { margin: 0; white-space: pre; }
pre, code, tt { font: 10px monospace; line-height: 20px; } 
tt { display: block; margin: 20px 0; line-height: 20px; }

/* TABLES */
table { margin-bottom: 20px; width:100%; font-size: 0.9em; border: solid 1px #aaa;}
th,td { padding: 5px 10px 5px 0; }
th {font-weight:bold;background:#ddd;}
th, td {padding:4px 10px 4px 5px; border: solid 1px #aaa;}
tr.altrow td {background:#f0f0f0;}
tfoot {font-style:italic;}


/* -------------------------------------------------------------- 
   FORMS
-------------------------------------------------------------- */

label { font-weight: bold; }
fieldset { padding: 9px; margin-bottom: 20px; border: 1px solid #ddd; }
legend { padding: 0 10px; font-weight: bold; font-size: 14px; line-height: 20px; }
textarea { padding: 10px; }

/* -------------------------------------------------------------- 
   TABS - Starting point for turning lists into tabs.
-------------------------------------------------------------- */

ul.tabs { margin: 0; padding: 0; }
ul.tabs li ul { float: left; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block; }

/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs, ul.tabs li ul { display: block; }

/* -------------------------------------------------------------- 
   WRAPPER - Clearing floats without extra markup.
-------------------------------------------------------------- */

.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }

/* -------------------------------------------------------------- 
   (h)orizontal Form and (v)ertical Form
-------------------------------------------------------------- */
/* any form style */
form div input, 
	form div textarea, 
	form div select { border:1px solid #bbb;}
form div label	{font-weight: normal; font-size: 14px;}
form div input { width: 200px; font-size: 14px; padding: 2px; }
form div select { width: 200px; }
form div input.button { width: auto; }
form div input.checkbox { width: auto; }
form div input.radio { width: auto; }
form div.text input.little { width: 46px;}
form div.text input.medium { width: 100px;}
form div.textarea textarea { width: 290px; height:120px; font-size: 14px;}
form div.textarea textarea.little { width: 290px; height: 80px;}
form div.date select { width: auto;}
form div.time select { width: auto;}
form div.submit input { width: auto;}
	
/* hFORM */
form.hform div, 
	form div.hform div { margin-bottom: 10px; }
form.hform div label,
 	form div.hform div label { float: left; width: 100px; padding-top: 2px;}
form.hform div.checkbox,
	form div.hform div.checkbox { margin-left: 100px; }
form.hform div.checkbox label,
	form div.hform div.checkbox label { float: none; }
form.hform div.checkbox input,
	form div.hform div.checkbox input { width: auto; }

/* vFORM */
form.vform div,
	form div.vform div { margin-bottom: 10px; }
form.vform div label,
	form div.vform div label { display: block; }
form.vform div.checkbox label,
	form div.vform div.checkbox label { display: inline; }

/* -------------------------------------------------------------- 
   cake specific styles
-------------------------------------------------------------- */

/* Breadcrumbs */
#breadcrumbs { margin: 4px; font-size: 14px;}

/*  Actions  */
div.actions ul { margin: 0px 0; padding: 0;}
div.actions li { display: inline; list-style-type: none; line-height: 2em; margin: 0 2em 0 0; white-space: nowrap;}

/* Clearing floats without extra markup  */
div.actions { display: inline-block; }
div.actions:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html div.actions { height: 1%; }
div.actions, div.actions li ul { display: block; }

/* Paging */
div.paging { color: #ccc; margin-bottom: 2em;}
div.paging div.disabled { color: #ddd; display: inline;}
div.paging span {}
div.paging span.current {color: #000;}
div.paging span a {}

/* scaffold defintion lists */
dl {line-height: 2em; margin: 0em 0em; width: 60%;}
dl.altrow {background: #f4f4f4;}
dt {font-weight: bold; padding-left: 4px; vertical-align: top;}
dd {margin-left: 10em; margin-top: -2em; vertical-align: top;}

/* Special form fields */
div.datetime select {
	width: auto;
}

/* -------------------------------------------------------------- 
   general styles
-------------------------------------------------------------- */

a img { border:none;}
ul, li { margin: 0 12px;}
.column {float: left;}

/* -------------------------------------------------------------- 
   errors and notices
-------------------------------------------------------------- */
.error,.notice,.success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
/*
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
*/

#modal_overlay { background:#000; opacity: 0.3;}
#modal_container { padding:0.3em; margin: 0px; max-width: 70%; max-height: 90%; color:#333; background-color:#fff; border:1px solid #666; overflow:auto; position: absolute;}
